$(window).ready(function() {
	// banner轮播图
	var mySwiper = new Swiper('.banner', {
		// direction: 'vertical', // 垂直切换选项
		loop: true, // 循环模式选项
		autoplay: true,

		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
	});
	$(".banner .swiper-pagination-bullet").hover(function() {
		$(this).click(); //鼠标划上去之后，自动触发点击事件来模仿鼠标划上去的事件
	}, function() {
		//鼠标移出之后，自动轮播开启
		mySwiper.autoplay.start();
	});
	//鼠标覆盖停止自动切换与隐藏前进后退按钮
	mySwiper.el.onmouseover = function() {
		mySwiper.navigation.$nextEl.removeClass('hide');
		mySwiper.navigation.$prevEl.removeClass('hide');
	};
	//鼠标覆盖停止自动切换与隐藏前进后退按钮
	mySwiper.el.onmouseout = function() {
		mySwiper.navigation.$nextEl.addClass('hide');
		mySwiper.navigation.$prevEl.addClass('hide');
	};
	// 控制轮播图上面的内容切换
	$('.banner-cover .cover .cover-content').hide();
	$('.banner-cover .cover>li').hover(function() {
		$(this).find('.cover-content').show();
		$(this).siblings().find('.cover-content').hide();
	}, function() {
		$(this).parent().find('.cover-content').hide();
	});
	// 移动到右边内容时,左边列表右边框的颜色变化
	$('.banner-cover .cover-content').hover(function() {
		$(this).parent().css('border-right-color', 'transparent');
	}, function() {
		$(this).parent().css('border-right-color', ' #e6e6e6');
	});
	// 联想倒计时
	countTime();

	function countTime() {
		//获取当前时间
		var date = new Date();
		var now = date.getTime();
		// 设置截止时间
		var str = '2021/6/8 00:00:00';
		var endDate = new Date(str);
		var end = endDate.getTime();
		// 时间差
		var leftTime = (end - now) / 1000;
		//定义变量 h,m,s保存倒计时的时间   
		var h = parseInt(leftTime / 60 / 60 % 24); //时
		h = h < 10 ? '0' + h : h;
		var m = parseInt(leftTime / 60 % 24); //分
		m = m < 10 ? '0' + m : m;
		var s = parseInt(leftTime % 24); //秒
		s = s < 10 ? '0' + s : s;
		//将倒计时赋值到span中  
		$('.hour').text(h);
		$('.minute').text(m);
		$('.second').text(s);
		//递归每秒调用countTime方法，显示动态时间效果  
		setTimeout(countTime, 1000);
	}
	// 跳楼层
	// 左侧楼层再一定高度内显现;
	var seckillTop = $('.seckill').offset().top - 100;
	var msgTop = $('.computer-msg').offset().top - 100;
	var deskTop = $('.computer-desktop').offset().top - 100;
	var thinkTop = $('.computer-thinkpad').offset().top - 100;
	var componentTop = $('.computer-component').offset().top - 100;
	var ipadTop = $('.computer-ipad').offset().top - 100;
	var selectTop = $('.computer-select').offset().top - 100;
	var serveTop = $('.computer-serve').offset().top - 100;
	var aiTop = $('.computer-intelligence').offset().top - 100;
	var indicatorTop = $('.computer-indicator').offset().top - 100;
	var ipTop = $('.computer-ip').offset().top - 100;
	// 左侧楼层显现控制
	$(window).scroll(function() {
		if ($(window).scrollTop() < seckillTop - 200) {
			$('.floor').hide();
		} else if ($(window).scrollTop() < ipTop + 50) {
			$('.floor').show();
		} else {
			$('.floor').hide();
		}
	})
	// 联想秒杀
	$('.computer-f0').hover(function() {
		$('.f0-img').remove();
		$(this).text('联想秒杀');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: seckillTop
			}, 300);
			$(this).text('联想秒杀');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('');
		$('<span class="f0-img"></span>').appendTo($(this));
		$(this).removeClass('floor-style');

	})
	// 1楼Lenovo电脑
	$('.computer-f1').hover(function() {
		$(this).text('Lenovo电脑');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: msgTop
			}, 300);
			$(this).text('Lenovo电脑');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('1F');
		$(this).removeClass('floor-style');

	})
	// 2楼Lenovo台式
	$('.computer-f2').hover(function() {
		$(this).text('Lenovo台式');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: deskTop
			}, 300);
			$(this).text('Lenovo台式');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('2F');
		$(this).removeClass('floor-style');

	})
	// 3楼Think电脑
	$('.computer-f3').hover(function() {
		$(this).text('Think电脑');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: thinkTop
			}, 300);
			$(this).text('Think电脑');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('3F');
		$(this).removeClass('floor-style');

	})
	// 4楼手机&配件
	$('.computer-f4').hover(function() {
		$(this).text('手机&配件');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: componentTop
			}, 300);
			$(this).text('手机&配件');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('4F');
		$(this).removeClass('floor-style');

	})
	// 5楼平板电脑
	$('.computer-f5').hover(function() {
		$(this).text('平板电脑');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: ipadTop
			}, 300);
			$(this).text('平板电脑');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('5F');
		$(this).removeClass('floor-style');

	})
	// 6楼选件
	$('.computer-f6').hover(function() {
		$(this).text('选件');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: selectTop
			}, 300);
			$(this).text('选件');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('6F');
		$(this).removeClass('floor-style');

	})
	// 7楼 服务升级
	$('.computer-f7').hover(function() {
		$(this).text('服务升级');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: serveTop
			}, 300);
			$(this).text('服务升级');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('7F');
		$(this).removeClass('floor-style');

	})
	// 8楼 智能生活
	$('.computer-f8').hover(function() {
		$(this).text('智能生活');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: aiTop
			}, 300);
			$(this).text('智能生活');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('8F');
		$(this).removeClass('floor-style');

	})
	// 9楼 显示器
	$('.computer-f9').hover(function() {
		$(this).text('显示器');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: indicatorTop
			}, 300);
			$(this).text('显示器');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('9F');
		$(this).removeClass('floor-style');

	})
	// 10楼 IP周边
	$('.computer-f10').hover(function() {
		$(this).text('IP周边');
		$(this).click(function() {
			$('html,body').stop(true).animate({
				scrollTop: ipTop
			}, 300);
			$(this).text('IP周边');
			$(this).addClass('floor-style');
		})
	}, function() {
		$(this).text('10F');
		$(this).removeClass('floor-style');

	})
	// 登录弹窗
	$('.login').click(function() {
		console.log(1);
		layer.open({
			type: 1,
			title:'登录',
			area: ['auto', '500px'],
			content: $('.login-content')
		})
		$('#form').Validform({
			tiptype: function(msg, o, cssctl) {
				//判断是否有msg标签
				var ishave = $('.sms-box').siblings('.msg').length > 0;
				//有msg标签就更改信息,没有就生成信息;
				if (ishave) {
					$('.msg').find('span:nth-child(2)').text(msg);
				} else {
					//生成信息提示;
					var $msg = $(
						'<div class="msg"><span class="msg-img"></span><span class="text">' +
						msg + '</span></div>');
					$msg.insertAfter($('.sms-box'));
				}
				//通过验证
				if (o.type == 2) {
					$(o.obj).removeClass('error');
					$(o.obj).addClass('success');
					$(o.obj).siblings('.cover').find('img').attr('src',
						'img/shop/ia_100000279.png')
				}
				//验证失败
				if (o.type == 3) {
					$(o.obj).siblings('.cover').find('img').attr('src',
						'img/shop/red.png')
					$(o.obj).removeClass('success');
					$(o.obj).addClass('error');
				}
			}
		});
		$('.item input').click(function() {
			$('.item input').css('border-color', '#d6d6d6');
			$(this).css('border-color', 'black');
		});
		// 点击小×号表单内容置空
		$('.item .cover').click(function() {
			$(this).siblings('input').val('');
			$(this).find('img').attr('src', 'img/shop/ia_100000279.png');
			$(this).hide();
			$(this).siblings('input').removeClass('error').css({
				'background-color':'white',
				'border-color':'#d6d6d6'
			})
		})
		// 只要input表单有内容就显示小x号
		$('.item input').keyup(function() {
			if ($(this).val().length > 0) {
				$(this).parent().find('.cover').show();
			} else {
				$(this).parent().find('.cover').hide();
			}
		});
	})
});
